<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:jb="http://java.sun.com/jsf/composite/componentes"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <f:view contentType="text/html">
        <h:head>            
            <f:facet name="first">
                <meta http-equiv="X-UA-Compatible" content="EmulateIE7" />
                <!--<meta content='text/html; charset=ISO-8859-1' http-equiv="Content-Type"/>-->
                <meta content='text/html;charset=UTF-8' http-equiv="Content-Type"/>
                
                
            </f:facet>

            <f:loadBundle basename="com.brain.core.i18n.ApplicationResources" var="message" />
            <title><h:outputText value="#{message['general.cabecera.titulo.aplicacion']}"/></title>            
            <link type="text/css" rel="stylesheet" href="#{request.contextPath}/recursos/css/default.css" />
            <link type="text/css" rel="stylesheet" href="#{request.contextPath}/resources/primefaces-casablanca/theme.css" />
            <script type="text/javascript" src="#{request.contextPath}/recursos/js/script.js" />
        </h:head>
        <h:body onload="getFechaHora()" onunload="submit();">



            <div id="divBanner" >
                <table id="tblBanner" width="100%">
                    <tr id="trBanner">
                        <td  width="90%" align="left">
                            <h:graphicImage value="/recursos/imagenes/SGC.png" rendered="true" height="45"/>
                        </td> 
                        <td  width="10%" align="left" >
                            
                        </td> 
                    </tr>
                </table>
            </div>
            
            <div id="divHeader">
                <table id="tblHeader" width="100%">
                        <tr id="trHeader">
                        <td id="tdHeaderInfo" width="70%" align="left" style="border:0;color:#008200;font-weight: bold;font-family: verdana, sans-serif; font-size:10px;">

                            <h:form onsubmit="return checkSubmit();" >
                                <h:outputText id="textCodCargo" styleClass="txtTituloHeader" value="#{sessionMBean.sessionUsuarioDto.rolDto.descripcion}"></h:outputText> 
                                <h:outputText id="textGuion1" styleClass="txtTituloHeader" value=" - "></h:outputText> 
                                <h:outputText id="textDesCargo" styleClass="txtTituloHeader" value="#{sessionMBean.sessionUsuarioDto.id}"></h:outputText>
                                <h:outputText id="textSlash" styleClass="txtTituloHeader" value=" / "></h:outputText> 			
                                <h:commandLink value="#{sessionMBean.sessionUsuarioDto.descripcion}" title="#{i18n['usuario.cambiar.contrasema.tip']}"  action="#{usuarioMBean.cambiarContrasena}" styleClass="txtTituloHeader" onclick="dlgOrganizaciones.show();"/>   
                                <p:spacer width="15"/>
                                <!--<h:commandButton value="#{sessionMBean.sessionOrganizacionDto.descripcion}-#{sessionMBean.sessionOrganizacionDto.paisDto.descripcion}" title="#{i18n['usuario.cambiar.organizacion.tip']}"  immediate="true" styleClass="txtTituloHeader" onclick="dlgOrganizaciones.show();" type="button" style="#{applicationMBean.cssOrganizacionActual}"/>-->
                            </h:form>


                            </td>
                    <td id="tdHeaderReloj" width="#{applicationMBean.tamanoAplicacion}" align="right">  
                    <p:spacer height="10"/>
                    <h:form onsubmit="return checkSubmit();"  id="frmReloj">
                        <input id="inReloj" style="text-transform:uppercase;border:0;color:#000000;font-weight: bold;font-family: verdana, sans-serif; font-size:12px;" title="#{message['general.msj.fecha.hora']}"></input>
                        <p:commandButton title="#{i18n['general.menu.inicio']}" accesskey="#{applicationMBean.keyRetroceder}" ajax="false"
                                         icon="ui-icon ui-icon-home" immediate="true"  onclick="return confirm('#{i18n.general_mensaje_confirmacion}');" action="#{sessionMBean.inicio}"                                  
                                         >                                      
                        </p:commandButton>         
                        
                        <p:commandButton title="#{i18n['general.menu.ayuda']}" accesskey="#{applicationMBean.keyRetroceder}" ajax="false"
                                         icon="ui-icon ui-icon-help" immediate="true"   action="/ayuda.xhtml"                                         
                                         >                                      
                        </p:commandButton>           
                        <p:commandButton title="#{i18n['general.menu.imprimir']}" accesskey="#{applicationMBean.keyRetroceder}" ajax="false"
                                         icon="ui-icon ui-icon-print" immediate="true" onclick="window.print();">                                      
                        </p:commandButton>           
                        <p:commandButton title="#{i18n['general.menu.salir']}" accesskey="#{applicationMBean.keyRetroceder}" ajax="false"
                                         icon="ui-icon ui-icon-close" immediate="true" onclick="return confirm('#{i18n.general_mensaje_confirmacion}');"                                            
                                         action="#{loginMBean.cerrarSession}">                                      
                        </p:commandButton>           
                    </h:form>   

                    </td>
                    </tr>
                </table>	
            </div>

            <div id="divMenu">

                <ui:include id="plantillaMenu" src="menu.xhtml" />                    

            </div>

            <div id="divPnlContenido" class="formulario">

                <p:dialog id="idDlgOrganizaciones" rendered="true" modal="true"  header="#{i18n['general.organizaciones.disponibles']}" widgetVar="dlgOrganizaciones" style="#{applicationMBean.estiloTitulo}">
                    <jb:organizacionesUsuarioSession  />                    
                </p:dialog>

                <h:panelGrid id="pnlContenido"  columns="1" width="100%" border="0"> 

                    <h:inputHidden  value="#{i18n['general.msj.status']}" id="idMensajeStatus"/>
                    
                    <p:growl id="msgs" showDetail="false" sticky="false" life="12000" showSummary="true"  />
                    <p:ajaxStatus onstart="statusDialog.show();" onsuccess="statusDialog.hide();"/>  
                    <p:dialog modal="true" widgetVar="statusDialog"  resizable="false"
                              draggable="false" closable="false">  
                        <p:graphicImage value="/recursos/design/ajaxloading.gif" />  
                    </p:dialog>  
                    <ui:insert name="contenido"/>
                </h:panelGrid>	
            </div> 

            <div id="divFooter" class="ui-widget ui-widget-header ui-corner-all" align="center">
               <div align="center" style="font-size:9px;">
                 <table  width="100%">
                    <tr>
                        <td  width="50%" align="left">
                    <h:outputText value="Sistema de Gestion por Compentecias 2013" styleClass="mensajeMorado"/>
                        </td> 
                        <td  width="50%" align="right">
                            <h:outputText value="GREIP COMPANY COPYRIGHT - TODOS LOS DERECHOS RESERVADOS." styleClass="mensajeMorado"/>
                        </td> 
                    </tr>
                </table>
                
             
            </div>
            </div>  
        </h:body>

    </f:view>

</html>    